import { Panel } from '@shared/ui/Panel'
import classNames from 'classnames'
import styles from './AddTaskCard.module.scss'

interface AddTaskCardProps {
  onClick?: () => void
  view: 'format_list_bulleted' | 'grid_view'
}

export const AddTaskCard = ({ onClick, view }: AddTaskCardProps) => {
  return (
    <Panel
      className={classNames(styles[view], styles['add-task-card'])}
      onClick={onClick}
      withShadow
    >
      <div className={styles['add-icon-button']} color='primary'>
        <span className='material-symbols-rounded'>add</span>
      </div>
    </Panel>
  )
}
